<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>北大青鸟课程介绍</title>
    <style type="text/css">
        *{
            padding:0;
            margin:0;
        }
        #body{
            background-color: #EEEEEE;
            width:600px;
            height:800px;
            margin:10px auto;
        }
        #body img{
            width: auto;
        }
        #body .ul0,.ul1{
            list-style: none;
            line-height: 32px;
        }
        #body .ul0{
            color:#5D9824;
        }
        #body .ul0  .p0,.p1,.p2,.p3,.p4,.ul1 .p0,.p1,.p2,.p3,.p4,.p5{
            color:white;
        }
        #body .ul0 .p0{
            background-color: #005952;
        }
        #body .ul0 .p1{
            background-color: #007236;
        }
        #body .ul0 .p2{
            background-color: #008BBF;
        }
        #body .ul0 .p3{
            background-color: #0066B3;
        }
        #body .ul0 .p4{
            background-color: #002561;
        }
        #body .ul1{
            color:#E96222;
        }
        #body .ul1 .p0{
            background-color: #F36F21;
        }
        #body .ul1 .p1{
            background-color:#BB131A;
        }
        #body .ul1 .p2{
            background-color: #E06685;
        }
        #body .ul1 .p3{
            background-color:#A70532;
        }
        #body .ul1 .p4{
            background-color: #553171;
        }
        #body .ul1 .p5{
            background-color:#4F1268;
        }

    </style>
</head>
<body>

<div id="body">
    <img src="img/title.gif"><br>
    <img src="img/img_01.png"><br>
    <ul class="ul0">
        <li><font class="p0">逆向课程设计：</font> 以企业需求决定课程设计内容，确保训练内容及深度和企业需求一致</li>
        <li><font class="p1">模拟学员学习路线：</font> 强调难点和复杂技能点的反复训练，力求学习效果和学习体验</li>
        <li><font class="p2">互联网作为教学环境：</font> 学员的日常教学和训练均在互联网线上进行</li>
        <li><font class="p3">学习挡板监控网上学习效果： </font>每个学习阶段设置线上线下测试，严密监控学习效果</li>
        <li><font class="p4">真实开发项目经验积累：</font> 采用专业互联网企业提供的真实项目作为模拟开发</li>
    </ul>
    <img src="img/img_02.png"><br>
    <ul class="ul1">
        <li><font class="p0">【实用性】<sup>——</sup></font>以就业岗位需求为导向，重点讲解企业80％的时间在使用的20％的技术</li>
        <li><font class="p1">【权威性】<sup>——</sup></font>与来自百度等知名企业的专家联合开发</li>
        <li><font class="p2">【专业性】<sup>——</sup></font>引进业内资深人才和典型行业开发项目</li>
        <li><font class="p3">【真实性】<sup>——</sup></font>在互联网真实环境下进行教学和训练</li>
        <li><font class="p4">【易学性】<sup>——</sup></font>在线培训模式，24小时专家在线解答疑难问题</li>
        <li><font class="p5">【完整性】<sup>——</sup></font>利用SNS虚拟社区：学习、人脉双丰收</li>
    </ul>
</div>
</body>
</html>